<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix='fmt' uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix='c' uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ taglib prefix='locale' uri="http://lovexftt.appspot.com/tag/locale" %> 
<html>
<head>
<title><fmt:message key="colas" /></title>

<link type="text/css" rel="stylesheet" media="screen"
	href="/css/login.css">
<link href="/css/jquery.loadmask.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"></script>


</head>
<body>
<div id="page">
<div class="clearfix" id="content">
<div id="main">
<c:if test="${not empty ERROR_MSG}">
    <p class="errormsg"><fmt:message key="${ERROR_MSG}"/></p>
</c:if>
<c:if test="${not empty VALIDATION_ERROR}">
<c:forEach items="${VALIDATION_ERROR}" var = "error_msg">
<p class="filed_errormsg">${error_msg}</p>
</c:forEach>
</c:if>
<div id="wrap">
<div class="passport">
<h1 class="tit_1"><img alt="<fmt:message key="coupleReg" />"
	title="<fmt:message key="coupleReg" />" src="/images/tit_reg.gif"><fmt:message
	key="coupleReg" /><locale:locale/></h1>
<div class="reginfo">

<div id="tagContent">
<div id="tagContent0">

<form action="/register.tt" method="post" id="registerForm">
<table cellspacing="0" cellpadding="0" border="0" class="table_1">
	<colgroup>
		<col width="60">
		<col>
	</colgroup>
	<tbody>
		<tr>
			<th>&nbsp;</th>
			<td>
			<h2 class="tit_2"><fmt:message key="husband" /></h2>
			</td>

		</tr>
		<tr>
			<th><fmt:message key="userid" /></th>
			<td><input type="text" value="" tabindex="1"
				name="husband.userId" id="husbandUserId" class="input_1 required">
			</td>
		</tr>
		<tr>
			<th><fmt:message key="name" /></th>
			<td><input type="text" value="" tabindex="1"
				name="husband.userName" id="husbandUserName" class="input_1 required">
			</td>
		</tr>
		<tr>
			<th><fmt:message key="email" /></th>
			<td><input type="text" value="" tabindex="1" name="husband.email"
				id="husbandEmail" class="input_1 required email"></td>
		</tr>
		<tr>
			<th><fmt:message key="password" /></th>
			<td><input type="password" value="" tabindex="2"
				name="husband.password" id="husbandPassword" class="input_1"></td>
		</tr>
		<tr>
			<th>&nbsp;</th>
			<td>
			<h2 class="tit_2"><fmt:message key="wife" /></h2>
			</td>

		</tr>
		<tr>
			<th><fmt:message key="userid" /></th>
			<td><input type="text" value="" tabindex="1" name="wife.userId"
				id="wifeUserId" class="input_1 required"></td>
		</tr>
		<tr>
			<th><fmt:message key="name" /></th>
			<td><input type="text" value="" tabindex="1" name="wife.userName"
				id="wifeUserName" class="input_1 required"></td>
		</tr>
		<tr>
			<th><fmt:message key="email" /></th>
			<td><input type="text" value="" tabindex="1" name="wife.email"
				id="wifeEmail" class="input_1 required email"></td>
		</tr>
		<tr>
			<th><fmt:message key="password" /></th>
			<td><input type="password" value="" tabindex="2"
				name="wife.password" id="wifePassword" class="input_1"></td>
		</tr>
		<tr>
			<th>&nbsp;</th>
			<td><input type="submit" tabindex="4" class="btn_1 submit"
				value="<fmt:message key="register" />" id="regBtn" name="regBtn">
			<input type="button" tabindex="5" class="btn_1 submit"
				value="<fmt:message key="cancel" />" id="cancelBtn" name="cancelBtn"
				onclick="window.location='/login.jsp'"></td>
		</tr>
	</tbody>
</table>
</form>
</div>

</div>

</div>

</div>
</div>

</div>


</div>


</div>






<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.loadmask.min.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript">
$().ready(function() {	
	validator($("#registerForm"));	
});
</script>
</body>
</html>
